<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
div.header1 h1{
	color:red;
}

.header4 h4{
	background-color:green;
	width:100px;
	text-align:center;
}
</style>
</head>
<body>
<p><abbr title="hihihihihihihi">Header 4</abbr></p>
<a href="http://www.google.com" accesskey="h">Press h + alt ==> GO to google</a>
<form>
	<label>A: </label><input type="text" value="Alt + a" accesskey="a"/><br />
	<label>B: </label><input type="text" value="Alt + b" accesskey="b"/>
</form>

<div class="header1 header4">
	<h1 contenteditable = "true">Header 1</h1>
	<h4 contenteditable = 'true'>Header 4</h4>
</div>
<form>
<label>TabIndex 1</label><input type="text" value="TabIndex 1" tabindex="1"/>
<label>TabIndex 4</label><input type="text" value="TabIndex 4" tabindex="4"/>
<label>TabIndex 2</label><input type="text" value="TabIndex 2" tabindex="2"/>
<label>TabIndex 3</label><input type="text" value="TabIndex 3" tabindex="3"/>
</form>
</body>
</html>